import Vue from 'vue';
import axios from 'axios';//ajax请求插件
import Vuex from 'vuex'
Vue.use(axios);

const  state = {//定义了应用状态的数据结构，同样可以在这里设置默认的初始状态。
    newsList:[],
    searchText:{}

}

const actions = {//支持异步的操作，解决的异步的操作分发，
    GET_NEWS_LIST:({commit},payload)=>{
        commit('GET_NEWS_LIST', payload)
    }
}

const mutations = { //调用 mutations 是唯一允许更新应用状态的地方,mutations对应的是commit。只支持同步，不支持异步
    GET_NEWS_LIST: (state, payload) => {
     axios.post('http://localhost:3000/news/list',payload)
      .then((res)=>{
        if(payload.type=="search"){
          state.newsList = res.data.rows
        }else{
          state.newsList = state.newsList.concat(res.data.rows);
        }

      })
    }

}
const getters = {//允许组件从 Store 中获取数据
    openNews: state => {
      if(state.newsList.length){
        //  console.log(state.newsList,"123")
      return state.newsList
      }

    }
}


export default {
  state,
  actions,
  mutations,
  getters

}
